<link rel="import" href="head.html?__inline">
<div class="head">
    <div class="container clearfix">
        <img src="images/logo.png" alt=""/><span>河北省安全科技技术中心在线培训系统</span>
        <ul>
            <li><a href="/index.html">首页</a></li>
            <li><a href="/training-plan.html">培训计划</a></li>
            <li><a href="/complete-plan.html" class="active">个人中心</a></li>
            <li><a href="/teacher-resources.html">师资管理</a></li>
            <li><a href="/novice-help.html">帮助中心</a></li>
        </ul>
    </div>
</div>
    <div class="account-mess">
        <div class="container">
            <div class="pe-center">个人中心</div>
            <div class="pe-main">
                <div class="my-class"><a href="#" class="my-cla-ac my_course">我的课程</a><a href="#" class="my_user_manage">账户管理</a></div>

                <div class="my-mess my-message clearfix user_info_div">
                    <div class="tab-slide">
                    <ul class="my-mess-ul">
                        <li><a href="#" class="no-ready-plan"><img src="images/classify.png" alt="">我的订单</a></li>
                        <li><a href="#"><img src="images/classify.png" alt="">我的消息</a></li>
                        <li><a href="#"><img src="images/classify.png" alt="">基本信息</a></li>
                        <li class="safe_center"><a href="#"><img src="images/classify.png" alt="">安全中心</a>
                        <ul class="change_phone"><li class="san_jiao"><img src="images/xiaosanjaio.png" alt=""></li><li class="p_x_pass">修改密码</li><li class="h_phoneNum">更换手机号</li></ul></li>
                    </ul>
                    </div>
                    <div class="l-al">
                        <div class="order-form">
                            <div class="pay-state">支付状态:<a href="" class="pay-all">全部</a><a href="">已支付</a><a href="">待支付</a><a href="">已取消</a></div>
                            <div class="order-cont">
                                <div class="order-cont-o clearfix"><span class="odd-num">单号：2016465184</span><span>创建时间：2016-02-06  20：30</span><img src="images/del.png" alt=""><span class="count-down">倒计时：18：56</span></div>
                                <div class="clearfix">
                                    <div class="order-co-l">
                                        <div class="or-co-na"><span class="or-plan-na">计划名称</span><span>价格</span></div>
                                        <div class="my-sess clearfix">
                                            <img src="images/makesuretheorder_img01.png" alt="">
                                            <div class="my-se-co">
                                                <p class="main-peo">主要负责人-危险化学品生产-2016012</p>
                                                <p>截止时间：2017-10-06</p>
                                                <p class="my-time">32课时<span>|</span>考核性质：复审</p>
                                            </div>
                                            <div class="my-piece">10.00</div>
                                        </div>
                                        <div class="my-sess my-las-sess clearfix">
                                            <img src="images/makesuretheorder_img01.png" alt="">
                                            <div class="my-se-co">
                                                <p class="main-peo">主要负责人-危险化学品生产-2016012</p>
                                                <p>截止时间：2017-10-06</p>
                                                <p class="my-time">32课时<span>|</span>考核性质：复审</p>
                                            </div>
                                            <div class="my-piece">10.00</div>
                                        </div>
                                    </div>
                                    <div class="order-co-r">
                                        <div class="or-co-naa"><span class="pay-zhuang">支付状态</span><span class="pay-way">支付方式</span><span>支付金额</span></div>
                                        <div class="or-co-state"><span class="yi-pay">已支付</span><span class="zhi-shu">— —</span><span>— —</span></div>
                                        <div class="order-total"><span>共<em>2</em>件商品，总计<i>20.00</i>元</span><a href="">立即支付</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="order-cont">
                                <div class="order-cont-o clearfix"><span class="odd-num">单号：2016465184</span><span>创建时间：2016-02-06  20：30</span><img src="images/del.png" alt=""><span class="count-down">倒计时：18：56</span></div>
                                <div class="clearfix">
                                    <div class="order-co-l">
                                        <div class="or-co-na"><span class="or-plan-na">计划名称</span><span>价格</span></div>
                                        <div class="my-sess clearfix">
                                            <img src="images/makesuretheorder_img01.png" alt="">
                                            <div class="my-se-co">
                                                <p class="main-peo">主要负责人-危险化学品生产-2016012</p>
                                                <p>截止时间：2017-10-06</p>
                                                <p class="my-time">32课时<span>|</span>考核性质：复审</p>
                                            </div>
                                            <div class="my-piece">10.00</div>
                                        </div>
                                        <div class="my-sess my-las-sess clearfix">
                                            <img src="images/makesuretheorder_img01.png" alt="">
                                            <div class="my-se-co">
                                                <p class="main-peo">主要负责人-危险化学品生产-2016012</p>
                                                <p>截止时间：2017-10-06</p>
                                                <p class="my-time">32课时<span>|</span>考核性质：复审</p>
                                            </div>
                                            <div class="my-piece">10.00</div>
                                        </div>
                                    </div>
                                    <div class="order-co-r">
                                        <div class="or-co-naa"><span class="pay-zhuang">支付状态</span><span class="pay-way">支付方式</span><span>支付金额</span></div>
                                        <div class="or-co-state"><span class="yi-pay">已支付</span><span class="zhi-shu">支付宝</span><span>￥10.00</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="order-cont">
                                <div class="order-cont-o clearfix"><span class="odd-num">单号：2016465184</span><span>创建时间：2016-02-06  20：30</span><img src="images/del.png" alt=""><span class="count-down">倒计时：18：56</span></div>
                                <div class="clearfix">
                                    <div class="order-co-l">
                                        <div class="or-co-na"><span class="or-plan-na">计划名称</span><span>价格</span></div>
                                        <div class="my-sess clearfix">
                                            <img src="images/makesuretheorder_img01.png" alt="">
                                            <div class="my-se-co">
                                                <p class="main-peo">主要负责人-危险化学品生产-2016012</p>
                                                <p>截止时间：2017-10-06</p>
                                                <p class="my-time">32课时<span>|</span>考核性质：复审</p>
                                            </div>
                                            <div class="my-piece">10.00</div>
                                        </div>
                                    </div>
                                    <div class="order-co-r">
                                        <div class="or-co-naa"><span class="pay-zhuang">支付状态</span><span class="pay-way">支付方式</span><span>支付金额</span></div>
                                        <div class="or-co-state"><span class="yi-pay">已取消</span><span class="zhi-shu">— —</span><span>— —</span></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="my-info">
                            <div class="info-top"><input type="checkbox">全选</div>
                            <ul>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>
                                <li class="clearfix info-last-li"><input type="checkbox">最新安全法由人大常委会拟定，今日发布<span>2016-08-03</span></li>

                            </ul>
                            <div class="next-page clearfix">
                                <ul class="clearfix">
                                    <li><a href="">首页</a></li>
                                    <li><a href="">上一页</a></li>
                                    <li><a href="" class="one">1</a></li>
                                    <li><a href="">2</a></li>
                                    <li><a href="">3</a></li>
                                    <li><a href="">4</a></li>
                                    <li><a href="">5</a></li>
                                    <li><a href="">下一页</a></li>
                                    <li><a href="">末页</a></li>
                                </ul>
                            </div>
                            <div class="my-last-info"><a href=""  class="info-read">删除</a><a href="">标记为已读</a></div>

                        </div>
                    <div class="m-ba-mes clearfix">
                    <ul class="my-basic b-my-bas p_base">
                        <li class="my-pos r_my-pos">修改</li>
                        <li class="acc-paper"><img src="images/nan-peo.png" alt=""></li>
                        <li class="id_phone"><span class="must">*</span>证件照</li>
                        <li class="paper-phone"><span class="ppap-one n_ppap"><em>*</em>姓名：</span><span class="ppap-two">金正恩</span></li>
                        <li><span class="ppap-one n_ppap"><em>*</em>身份证号码：</span><span class="ppap-two">320922199408283626</span></li>

                    </ul>
                        <ul class="my-basic b-my-bas revise_base">
                            <li class="my-pos b_my-pos">保存</li>
                            <li class="acc-paper re-acc-paper"><img src="images/nan-peo.png" alt=""></li>
                            <li class="id_phone hid_phone"><span class="must">*</span>更换证件照(jpg、png)</li>
                            <li class="paper-phone"><span class="must re-must">*</span><span class="re-name">姓名：</span><input
                                    type="text" placeholder="姓名"></li>
                            <li class="id_num"><span class="must re-mus">*</span><span class="ppap-one">身份证号码：</span><input
                                    type="text" placeholder="41018319911243832"></li>
                        </ul>
                    <ul class="my-basic a_new_bas">
                        <li class="my-pos w_new_bas">修改</li>
                        <li class="acc-paper"><img src="images/nv-peo.png" alt="" class="cir-head"></li>
                        <li class="head-portrait">头像</li>
                        <li class="paper-phone"><span class="ppap-one n_ppap">性别：</span><span class="ppap-two">男</span></li>
                        <li class="people-num"><span class="ppap-one n_ppap">名族：</span><span class="ppap-two">汉</span></li>
                        <li class="people-num"><span class="ppap-one n_ppap">工作单位：</span><span class="ppap-two">江苏省苏州市建钢厂</span></li>
                        <li class="people-num"><span class="ppap-one n_ppap">通讯地址：</span><span class="ppap-two">江苏省苏州市建钢厂</span></li>
                        <li class="people-num"><span class="ppap-one n_ppap">联系方式：</span><span class="ppap-two">18206225007</span></li>
                        <li class="people-num"><span class="ppap-one n_ppap">邮箱：</span><span class="ppap-two">1275569817@qq.com</span></li>
                        <li class="people-num"><span class="ppap-one n_ppap">学历：</span><span class="ppap-two">本科</span></li>
                    </ul>
                        <ul class="my-basic new_bas">
                            <li class="my-pos x_new_bas">修改</li>
                            <li class="acc-paper"><img src="images/nv-peo.png" alt="" class="cir-head"></li>
                            <li class="head-portrait r_head">更换头像</li>
                            <li class="paper-phone lpa_sel"><span class="ppap-one lpp_one">性别：</span><select name=""
                                                                                                             id="">
                                <option value="">男</option>
                            </select></li>
                            <li class="people-num lpa_sel"><span class="ppap-one lpp_one">名族：</span><select name=""
                                                                                                            id="">
                                <option value="">汉</option>
                            </select></li>
                            <li class="people-num lpa_sel"><span class="ppap-one lpp_one">学历：</span><select name=""
                                                                                                            id="">
                                <option value="">本科</option>
                            </select></li>
                            <li class="people-num fu_sel"><span class="ppap-one lpp_one">工作单位：</span><select name=""
                                                                                                             id="">
                                <option value="">江苏</option>
                            </select><select name="" id="" class="ma_sel">
                                <option value="">苏州</option>
                            </select><input type="text" placeholder="建材厂">
                            </li>
                            <li class="people-num  fu_sel"><span class="ppap-one lpp_one">通讯地址：</span><select name=""
                                                                                                      id="">
                                <option value="">江苏</option>
                            </select><select name="" id="" class="ma_sel">
                                <option value="">苏州</option>
                            </select><input type="text" placeholder="建材厂">
                            </li>
                            <li class="people-num"><span class="ppap-one lpp_one">联系方式：</span><span class="ppap-two pp_phon">18206225007</span>
                            </li>
                            <li class="people-num last_peo"><span class="ppap-one lpp_one">邮箱：</span><input type="text" placeholder="1551947286@qq.com">
                            </li>

                        </ul>
                    </div>
                    <div class="pl-nu clearfix">
                    <ul class="modify-pas">
                    <li><span>原始密码：</span><input type="text"></li>
                    <li><span>新密码：</span><input type="text"></li>
                    <li><span>确认密码：</span><input type="text"></li>
                    <li class="modify-true"><a href="">完成</a></li>
                   </ul>
                    </div>
                        <div class="ch_mobile_phone first_mobile_p clearfix">
                            <div class="sui-steps">
                                <div class="wrap">
                                    <div class="finished fin">
                                        <label><span class="wei">1.验证手机号码</span></label><i class="triangle-right-bg"></i><i class="triangle-right"></i>
                                    </div>
                                </div>
                                <div class="wrap">
                                    <div class="current">
                                        <label><span>2.修改手机号</span></label><i class="triangle-right-bg"></i><i class="triangle-right"></i>
                                    </div>
                                </div>
                                <div class="wrap">
                                    <div class="todo">
                                        <label><span>3.更换成功</span></label>
                                    </div>
                                </div>
                            </div>
                            <div class="so_phone"><span class="o-so">原始手机号：</span><span>182****5007</span></div>
                            <div class="so_phone so_mi_phone"><span class="o-so"></span><a href="" class="send-so">发送验证码</a></div>
                            <div class="so_phone"><span class="o-so">输入验证码：</span><input type="text"></div>
                            <div class="so_phone l-so-phone"><a href="#" class="so_next first_next">下一步</a></div>
                        </div>

                        <div class="ch_mobile_phone second_mobile_p clearfix">
                            <div class="sui-steps">
                                <div class="wrap">
                                    <div class="finished fin fin-t">
                                        <label><span class="wei">1.验证手机号码</span></label><i class="triangle-right-bg"></i><i class="triangle-right"></i>
                                    </div>
                                </div>
                                <div class="wrap">
                                    <div class="current fin">
                                        <label><span class="wei">2.修改手机号</span></label><i class="triangle-right-bg"></i><i class="triangle-right"></i>
                                    </div>
                                </div>
                                <div class="wrap">
                                    <div class="todo">
                                        <label><span>3.更换成功</span></label>
                                    </div>
                                </div>
                            </div>
                            <div class="so_phone"><span class="o-so">新手机号：</span><input type="text"></div>
                            <div class="so_phone so-t-phone"><span class="o-so"></span><a href="" class="send-so">发送验证码</a></div>
                            <div class="so_phone"><span class="o-so">输入验证码：</span><input type="text"></div>
                            <div class="so_phone l-so-phone"><a href="#" class="so_next second_next">下一步</a><a href="#" class="last-step">上一步</a></div>
                        </div>

                        <div class="ch_mobile_phone third_mobile_p clearfix">
                            <div class="sui-steps">
                                <div class="wrap">
                                    <div class="finished fin fin-t">
                                        <label><span class="wei">1.验证手机号码</span></label><i class="triangle-right-bg"></i><i class="triangle-right"></i>
                                    </div>
                                </div>
                                <div class="wrap">
                                    <div class="current fin fin-t">
                                        <label><span class="wei">2.修改手机号</span></label><i class="triangle-right-bg"></i><i class="triangle-right"></i>
                                    </div>
                                </div>
                                <div class="wrap">
                                    <div class="todo fin">
                                        <label><span class="wei">3.更换成功</span></label>
                                    </div>
                                </div>
                            </div>
                            <div class="so-success"><img src="images/success.png" alt=""><span>您已成功更换手机号码！</span></div>

                        </div>
                    </div>
                </div>

                <div class="my-mess account-message clearfix">
                <ul class="my-mess-ul">
                    <li><a href="#" class="no-ready-plan no-ready-li"><img src="images/classify.png" alt="">未完成计划</a></li>
                    <li><a href="#" class="ready-li"><img src="images/classify.png" alt="">已完成计划</a></li>
                </ul>

               <ul class="complete-plan com-plan-one com-plan-one-ul">
                    <li><i>资格类型:</i><span class="complete-active">全部</span><span>特种作业人员</span><span>安全生产管理人员</span><span>主要负责人</span></li>
                    <li><i>作业类别:</i><select name=""><option value=""></option><option value=""></option></select></li>
                    <li><i>准操项目:</i><select name=""><option value=""></option><option value=""></option></select></li>
                    <li><i>单位类型:</i><select name=""><option value=""></option><option value=""></option></select></li>
                    <li><i>考核性质:</i><select name=""><option value=""></option><option value=""></option></select></li>
                    <li><i>关键词:</i><input type="text"><div class="complete-search"><img src="images/search.png" alt=""></div></li>
                      <li class="list com-main com-main-li clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">主要负责人-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix com-la"><a href="#">继续学习</a><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">结束时间：2016-11-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main com-main-li clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix com-la"><a href="#">继续学习</a><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">结束时间：2016-11-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main com-main-li clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix com-la"><a href="#">继续学习</a><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">结束时间：2016-11-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main com-main-li clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix com-la"><a href="#">继续学习</a><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">结束时间：2016-11-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main com-main-li li-c-m clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix com-la"><a href="#">继续学习</a><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">结束时间：2016-11-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                  <div class="next-page clearfix">
                <ul class="clearfix">
                    <li><a href="">首页</a></li>
                    <li><a href="">上一页</a></li>
                    <li><a href="" class="one">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">下一页</a></li>
                    <li><a href="">末页</a></li>
                </ul>
            </div>
                </ul>
                   <ul class="complete-plan com-plan-one com-plan-fo">
                        <li><i>筛选:</i><span class="complete-active">全部</span><span>已看完</span><span>未看完</span></li>
                        <li><i>关键词:</i><input type="text"><div class="complete-search"><img src="images/search.png" alt=""></div></li>
                        <li class="list com-main clearfix">
                            <div class="cl-sub clearfix">
                                <div class="safe-la">
                                    <img src="images/home_img02.png" alt="">
                                </div>
                                <div class="safe-c safe-lc" onclick="window.open('/videoPlay.html','_self')">
                                    <div class="safe-p clearfix"><em>第一课时-危险化学品生产（一）</em><span class="fin-read">已看完</span></div>
                                    <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                    <div class="clearfix"><em>5章节</em><em class="das-com">|</em><em>主讲：王顺</em></div>
                                </div>
                                
                                </div>

                        </li>
                       <li class="list com-main clearfix">
                           <div class="cl-sub clearfix">
                               <div class="safe-la">
                                   <img src="images/home_img02.png" alt="">
                               </div>
                               <div class="safe-c safe-lc" onclick="window.open('/videoPlay.html','_self')">
                                   <div class="safe-p clearfix"><em>第一课时-危险化学品生产（一）</em><span class="fin-read no-read">未看完</span></div>
                                   <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                   <div class="clearfix"><em>5章节</em><em class="das-com">|</em><em>主讲：王顺</em></div>
                               </div>

                           </div>

                       </li>
                       <li class="list com-main clearfix">
                           <div class="cl-sub clearfix">
                               <div class="safe-la">
                                   <img src="images/home_img02.png" alt="">
                               </div>
                               <div class="safe-c safe-lc" onclick="window.open('/videoPlay.html','_self')">
                                   <div class="safe-p clearfix"><em>第一课时-危险化学品生产（一）</em><span class="fin-read">已看完</span></div>
                                   <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                   <div class="clearfix"><em>5章节</em><em class="das-com">|</em><em>主讲：王顺</em></div>
                               </div>

                           </div>

                       </li>
                       <li class="list com-main clearfix">
                           <div class="cl-sub clearfix">
                               <div class="safe-la">
                                   <img src="images/home_img02.png" alt="">
                               </div>
                               <div class="safe-c safe-lc" onclick="window.open('/videoPlay.html','_self')">
                                   <div class="safe-p clearfix"><em>第一课时-危险化学品生产（一）</em><span class="fin-read">已看完</span></div>
                                   <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                   <div class="clearfix"><em>5章节</em><em class="das-com">|</em><em>主讲：王顺</em></div>
                               </div>

                           </div>

                       </li>
                        <li class="list com-main li-c-m clearfix">
                            <div class="cl-sub clearfix">
                                <div class="safe-la">
                                    <img src="images/home_img02.png" alt="">
                                </div>
                                <div class="safe-c safe-lc" onclick="window.open('/videoPlay.html','_self')">
                                    <div class="safe-p clearfix"><em>第一课时-危险化学品生产（一）</em><span class="fin-read">已看完</span></div>
                                    <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                    <div class="clearfix"><em>5章节</em><em class="das-com">|</em><em>主讲：王顺</em></div>
                                </div>

                            </div>

                        </li>
                        <div class="next-page clearfix">
                            <ul class="clearfix">
                                <li><a href="">首页</a></li>
                                <li><a href="">上一页</a></li>
                                <li><a href="" class="one">1</a></li>
                                <li><a href="">2</a></li>
                                <li><a href="">3</a></li>
                                <li><a href="">4</a></li>
                                <li><a href="">5</a></li>
                                <li><a href="">下一页</a></li>
                                <li><a href="">末页</a></li>
                            </ul>
                        </div>
                    </ul>
            
                <ul class="complete-plan already">
                    <li><i>成绩:</i><span class="complete-active">全部</span><span>合格</span><span>不合格</span></li>
                    <li><i>资格类型:</i><span class="complete-active">全部</span><span>特种作业人员</span><span>安全生产管理人员</span><span>主要负责人</span></li>
                    <li><i>作业类别:</i><select name="" id=""><option value=""></option><option value=""></option></select></li>
                    <li><i>准操项目:</i><select name="" id=""><option value=""></option><option value=""></option></select></li>
                    <li><i>单位类型:</i><select name="" id=""><option value=""></option><option value=""></option></select></li>
                    <li><i>考核性质:</i><select name="" id=""><option value=""></option><option value=""></option></select></li>
                    <li><i>关键词:</i><input type="text"><div class="complete-search"><img src="images/search.png" alt=""></div></li>
                      <li class="list com-main clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">主要负责人-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><em>完成时间：2016-11-06</em><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">截至时间：2016-12-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="quali">合格</p>
                          <a href="/proof-complete.html" class="class-hour">培训合格证明</a>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><em>完成时间：2016-11-06</em><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">截至时间：2016-12-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="no-quali">不合格</p>
                          <a href="/proof-complete.html" class="no-class-hour">培训合格证明</a>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><em>完成时间：2016-11-06</em><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">截至时间：2016-12-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="quali">合格</p>
                          <a href="/proof-complete.html" class="class-hour">培训合格证明</a>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><em>完成时间：2016-11-06</em><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">截至时间：2016-12-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="quali">合格</p>
                          <a href="/proof-complete.html" class="class-hour">培训合格证明</a>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list com-main li-c-m clearfix">
                  <div class="cl-sub clearfix">
                      <div class="safe-c">
                          <div class="safe-p">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><em>完成时间：2016-11-06</em><em class="num-study">3056人学习</em><em class="num-study das-com">|</em><em class="num-study">32课时</em><em class="num-study das-com">|</em><em class="num-study">截至时间：2016-12-06</em></div>
                      </div>
                      <div class="safe-con">
                      <div>
                         <p class="quali">合格</p>
                          <a href="/proof-complete.html" class="class-hour">培训合格证明</a>
                          </div>
                      </div>
                  </div>
                </li>
                  <div class="next-page clearfix">
                <ul class="clearfix">
                    <li><a href="">首页</a></li>
                    <li><a href="">上一页</a></li>
                    <li><a href="" class="one">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">下一页</a></li>
                    <li><a href="">末页</a></li>
                </ul>
            </div>
                </ul>
              
            </div>
            </div>
        </div>
    </div>
     <!--content---end-->
     <link rel="import" href="footer.html?__inline">
<script>




    $(function(){
        var $div_a =$("div.tab-slide ul li a");
        $div_a.click(function(){
            $(".safe_center").removeAttr("disabled");
            $(this).addClass("no-ready-plan")            //当前<li>元素高亮
                    .parent("li").siblings().children("a").removeClass("no-ready-plan");  //去掉其它同辈<li>元素的高亮
            var index =  $div_a.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
            $("div.l-al > div")      //选取子节点。不选取子节点的话，会引起错误。如果里面还有div
                    .eq(index).show()   //显示 <li>元素对应的<div>元素
                    .siblings().hide(); //隐藏其它几个同辈的<div>元素
        });
    });

    $(function(){

        $(".my_course").click(function(){
            $(".user_info_div").hide();
            $(".account-message").show();
            $(this).addClass("my-cla-ac")
            .siblings().removeClass("my-cla-ac");
        });

        $(".my_user_manage").click(function(){
            $(".user_info_div").show();
            $(".account-message").hide();
            $(this).addClass("my-cla-ac")
                    .siblings().removeClass("my-cla-ac");
        });
    });
    $(function(){
        $(".no-ready-li").click(function(){
            $(".com-plan-one").show();
             $(".already").hide();
            $(".com-plan-fo").hide();
            $(".ready-li").removeClass("no-ready-plan");
            $(this).addClass("no-ready-plan");
            $(".no-ready-li>img").css("visibility","visible");
            $(".ready-li>img").css("visibility","hidden");
        });

        $(".ready-li").click(function(){
            $(".already").show();
             $(".com-plan-one").hide();
            $(".no-ready-li").removeClass("no-ready-plan");
            $(this).addClass("no-ready-plan");
            $(".ready-li>img").css("visibility","visible");
            $(".no-ready-li>img").css("visibility","hidden");
        });
    });
    $(function(){
       $(".com-la a").click(function(){
           $(".com-plan-fo").show();
           $(".com-plan-one-ul").hide();
       })
    });
    $(document).ready(function(){
        $('#pageTool').Paging({pagesize:10,count:100,callback:function(page,size,count){
            console.log(arguments)
        }});
    });
    $(function(){
        $(".r_my-pos").click(function(){
            $(".revise_base").show();
            $(".p_base").hide();
        })
        $(".b_my-pos").click(function(){
            $(".p_base").show();
            $(".revise_base").hide();
        })
    });
    $(function(){
        $(".w_new_bas").click(function(){
            $(".new_bas").show();
            $(".a_new_bas").hide();
        })
        $(".x_new_bas").click(function(){
            $(".a_new_bas").show();
            $(".new_bas").hide();
        })
    });
    $(function(){
        $(".safe_center").mousemove(function(){
            $(".change_phone").show();
        })

        $(".safe_center").mouseout(function(){
            $(".change_phone").hide();
        })
        $(".p_x_pass").click(function(){
            $(".p_x_pass").css({"backgroundColor":"#d3d3d3","color":"#fff"});
            $(".h_phoneNum").css({"backgroundColor":"#ebebeb","color":"#555"});
            $(".pl-nu").show();
            $(".ch_mobile_phone").hide();
        })
        $(".h_phoneNum").click(function(){
            $(".p_x_pass").css({"backgroundColor":"#ebebeb","color":"#555"});
            $(".h_phoneNum").css({"backgroundColor":"#d3d3d3","color":"#fff"});
            $(".pl-nu").hide();$(".first_mobile_p").show();
        })
        $(".first_next").click(function(){
            $(".first_mobile_p").hide();
            $(".second_mobile_p").show();
        })
        $(".second_next").click(function(){
            $(".second_mobile_p").hide();
            $(".third_mobile_p").show();
        })
        $(".last-step").click(function(){
            $(".second_mobile_p").hide();
            $(".first_mobile_p").show();
        })
    });
</script>
</body>
</html>
</body>
</html>